<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>隔行变色</title>
		
	</head>
	<body>
		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		
		 <script>
		 	/* 1、获取li对象（数组）
		 	   2、遍历数组：
		 	         偶数行：li对象的背景色设置为灰色*/
		 	var lis=document.getElementsByTagName('li');//数组（每一个元素都是对象）
		 	for(var i=0;i<lis.length;i++){
		 		if(i%2==0){
		 			lis[i].style.background='#ccc'
		 		}
		 	}
		 	
		 	
		 </script>
	</body>
</html>
